<template>

  <div class="foot margin-top-30">
    <div class="wrap padding-top-40">
      <div class="flex justify-between">
        <div class="footItem base-font-14" v-for="(item,index) in menuListData" :key="index" >
          <div class=" base-font-18 text-bold" style="color: #ef9b76;">
			  <nuxt-link 
			  	:to="goMenuLink(index,item)">{{item.name}}</nuxt-link>
		  </div>
          <div class="margin-top-20 base-font-16 pointer" v-for="(iitem,iindex) in item.list" :key="iindex" v-if="iindex<6 && item.list.length>0" style="opacity: 0.8;">
		  <nuxt-link :to="{path:'/list',query: { name:item.name,index:iindex }}">{{iitem.name}}</nuxt-link>
		  
		  </div>
        </div>

        <!-- <div class="footItem base-font-14">
          <div class=" base-font-18 text-bold" style="color: #ef9b76;">金申家族</div>
          <div class="margin-top-20 base-font-16 pointer" v-for="(item,index) in foodPageList" :key="index"  style="opacity: 0.8;"><nuxt-link :to="{path:'/noticeDetail',query: {id:item.id}}">{{item.name}}</nuxt-link></div>
        </div> -->

        <div class="footItem base-font-14">
            <div class="flex align-center">
              <div class="ewmItem">

                <div class="ewmImg"><el-image :src="ewmList[0]" fit="cover"></el-image></div>
                <div class="base-font-14 text-center margin-top-10">扫一扫咨询</div>
              </div>
              <div class="ewmItem">
                <div class="ewmImg"><el-image :src="ewmList[1]" fit="cover"></el-image></div>
                <div class="base-font-14 text-center margin-top-10">Soeasy移民</div>
              </div>
            </div>
        </div>
      </div>
      <div class="bottomBq flex align-center justify-center">
        <span> Copyright©2024</span><span>金申家族办公室</span><span>技术支持：荣森网络</span>


      <el-image :src="police" fit="contain" class="police beian" @click="goLink"></el-image><span class=" beian" @click="goLink">沪ICP备2024045006号</span>
      </div>
    </div>
  </div>
</template>

<script>
 import banner from "@/static/image/lx/banner.jpg"
  import police from "@/static/image/lx/police.png"
 import {
   mapState,
   mapActions,
   mapMutations
 } from 'vuex'
  export default {

    data() {
      return {
        banner,
        police,
        hqList:[],
        ewmList:[require('@/static/image/lx/ewm01.jpg'),require('@/static/image/lx/ewm02.png')],
		menuListData:[]
      }
    },
    created() {
		this.getSelectLabelList()
    },
	mounted(){
		
	},
    computed: {
      ...mapState({
        // menuListData: (state) => state.webData.menuListData,
        foodPageList: (state) => state.webData.foodPageList,
      }),

    },
    methods: {
      goLink(){
      window.open('https://beian.mps.gov.cn/#/query/webSearch', '_blank')
      },
	  getSelectLabelList(){
		  this.$selectLabelList().then(res=>{
			  this.menuListData=[]
			  this.menuListData=res.data.labelList
			  console.log(res,'resss123456799')
		  })
	  },
	  goMenuLink(index, item) {
		  if(item.type==='2'){
			  item.url='/list'
		  }
	  	return {
	  		path: item.url,
	  		query: {
	  			name: item.name,
	  			index: index
	  		}
	  	}
	  },
    }

  }
</script>

<style scoped lang="scss">
  .foot {
    width: 100%;
    background: #f4f3ec;
    color: #333;
    border-top: 1px solid #e6e6e6;
    .ewmItem{padding-left:50px;}
    .ewmImg{width:95px;height:95px;
    .el-image{width:95px;height:95px;}
    }
    .bottomBq{
          height: 50px;
          text-align: center;
          line-height: 50px;
          margin-top: 15px;
          font-size: 12px;
          color: #333;
          border-top: 1px solid #e2e2e2;
          .police{width:20px;height:18px;}
          span{margin:0 7px;}

    }
    .pointer{
      &:hover{font-weight:bold;}
    }
    .beian{
      cursor: pointer;
      &:hover{color: #ef9b76;}
    }
  }
</style>
